<template>
    <div class="maps">
        <header>
            <p>北京破产法庭诉讼指引</p>
        </header>
        <div class="centent">
            <p>北京破产法庭</p>
            <img src="../../assets/img/map.png" alt="">
        </div>
        <div class="group">
            <div class="shouye">
                <img @click="backIndex" src="../../assets/img/shouye.png" alt="">
            </div>
            <div class="fanhui">
                <img @click="backIndex" src="../../assets/img/fanhui.png" alt="">
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'maps',
        methods: {
            backIndex(){
                this.$router.go(-1)
            }
        }
    }
</script>

<style lang="less">
    .maps{
        position: relative;
        background: url('../../assets/img/bg.png') no-repeat;
        background-size: 100% 100%;
        height: 1920px;
        box-sizing: border-box;
        header{
            height: 150px;
            background: url('../../assets/img/header_bg.png') no-repeat;
            background-size: 100% 100%;
            p{
                color:#fff;
                font-size: 48px;
                text-align: center;
                line-height: 145px;
            }
        }
        .centent{
            background-size: 100% 100%;
            box-sizing: border-box;
            p{
                color:#fff;
                font-size: 40px;
                text-align: center;
                line-height: 145px;
            }
            img{
                display: block;
                margin:0 auto;
                width: 90%;
            }
        }

        .group{
            width: 100%;
            position: absolute;
            bottom:50px;
            div{
                width: 50%;
                float: left;
            }
            .shouye{
                box-sizing: border-box;
                text-align: right;
                padding-right: 30px;
            }
            .fanhui{
                box-sizing: border-box;
                text-align: left;
                padding-left: 30px;
            }
        }
    }
</style>